import React, { Component } from 'react'
import './post.scss'

class Post extends Component{
  render() {
    return (
      <section className='post-container'>
        <header className='post-header'>
          <p className='post-category'>
            <a href='/'>BLOG</a>
            <span> • </span>
            <a href='/'>BLOG</a>
          </p>
          <h1 className='post-title'>My trip to Paris</h1>
          <img className='post-cover' src='http://lisbeth.premiumcoding.com/wp/wp-content/uploads/2017/09/lisbeth-demo1-2.3-1500x720.jpg' alt=""/>
          <div className='post-info'>
            <span>2023-3-22</span> 
            <a href="/">by Lisbeth</a>
            <a href="/">No Comments</a>
          </div>
        </header>
        <article className='post-article'>
          Paris is the capital and most populous city of France, with an administrative-limits area of 105 square kilometres (41 square miles) and a 2015 population of 2,229,621. The city is a commune and department, and the capital-heart of the 12,012-square-kilometre (4,638-square-mile) Île-de-France region (colloquially known as the ‘Paris Region’), whose 12,142,802 2016 population represents roughly 18 percent of the population of France. By the 17th century, Paris had become one of Europe’s major centers of finance, commerce, fashion, science, and the arts, a position that it retains still today. The Paris Region had a GDP of €649.6 billion (The US $763.4 billion) in 2014, accounting for 30.4 percent of the GDP of France. According to official estimates, in 2013-14 the Paris Region had the third-highest GDP in the world and the largest regional GDP in the EU.
        </article>
        <a className='post-btn' href='/'>继续阅读</a>
        <footer className='popst-footer'>
          <span>阅读需要3分钟</span>
          <span>分享</span>
        </footer>
      </section>
    )
  }
}

export default Post
